{% extends "bet_base.html" %}
{% block extra_styles %}
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}styles/style2.css" />
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}styles/formly.css"  />
<script type="text/javascript" src="{{MEDIA_URL}}js/formly.js"></script>
{%endblock%}
{% block content %}

<div id="maincontent">
<h1> Account Information </h1>
 
 <div class="profile">

<h2> Profile </h2>
<label for='username'>Username: </label>{{profile.username}}<br>
<label for='email'>Email address: </label>{{profile.email}}<br>
<label for='age'>Age: </label>{{profile.age}}<br>
<label for='zip'>Zip code: </label>{{profile.zip}}<br>
</div>

<div class="profile">

<h2> Edit profile</h2>

<h3>{{message}}</h3>
<form id="change_email" action="chemail" method="post" >
 {% csrf_token %}
 {{emailform.non_field_errors}}
 	{{ emailform.email }}
 	<input class="signupinput" type="submit" value="Change Email!" />
  
</form>

<form id="change_pass" action="chpass" method="post" >
 {% csrf_token %}
 {{passform.non_field_errors}}
 	{{ passform.password }}
 	{{ passform.passwordagain}}
 	<input class="signupinput" type="submit" value="Change Password!" />
  
</form>
</div>

</div>


</div>

<script>
$(document).ready(function()
  { $('#change_email').formly({'onBlur':false, 'theme':'Light'});
  $('#change_pass').formly({'onBlur':false, 'theme':'Light'}); });
</script>
{% endblock %}